@mixin border-1px($color, $br:6px) {
  position: relative;
  &:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border: 1px solid $color;
    content: '';
    border-radius: $br;
    box-sizing: border-box;
  }
}

@mixin border-top-1px($color) {
  position: relative;
  &:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid $color;
    content: ' ';
  }
}

@mixin border-bottom-1px($color) {
  position: relative;
  &:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid $color;
    content: ' ';
  }
}


@mixin border-left-1px($color) {
  position: relative;
  &:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    border-left: 1px solid $color;
    content: ' ';
  }
}

@mixin border-right-1px($color) {
  position: relative;
  &:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    border-right: 1px solid $color;
    content: ' ';
  }
}
